@charset 'UTF-8';
@import '../../../../config/scss/function.scss', '../../../../config/scss/config.scss';

.node {
    // 面包屑的样式
    .breadcrumb-row {
        margin-top: 10px;

        .breadcrumb {
            background-color: $mt_c_default;

            li {
                a {
                    color: $mt_c_main;
                }

                &:first-child {
                    a {
                        color: $mt_c_third;
                    }
                }
            }

            .li-1::before {
                content: '>' !important;
            }

            .li-2::before {
                content: '|' !important;
            }
        }
    }

    .item-row {
        .item-info-row {
            padding: 5px 0;
        }

        .a-link {
            color: $mt_c_main;
            padding-bottom: 2px;
            border-bottom: 1px solid $mt_c_main;
        }

        .btn-edit {
            margin-top: 17px;
            padding: 4px 20px;
            border-radius: 20px;
        }

        .btn-delete {
            margin-top: 17px;
        }
    }

    .btn-block {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .user-ids-item {
        border: 1px solid $mt_c_main;
        text-align: center;
        position: relative;
        float: left;
        padding: 10px 0;
        margin: 10px 10px 10px 0;
        border-radius: 5px;

        label {
            position: absolute;
            width: 20px;
            height: 22px;
            background-color: $mt_c_main;
            color: white;
            border-radius: 50%;
            top: -10px;
            right: -10px;
            cursor: pointer;
        }
    }
}
